react native 手势响应
参考地址：https://www.jianshu.com/p/935e5c6a5064官方文档地址：https://facebook.github.io/react-native/docs/panresponder.html官方翻译地址：https://reactnative.cn/docs/0.50/panresponder.html首先，通过react native引入PanResponderimport {PanResponder} from 'react-native'; //这里是当移动了超过2...
2024-01-10
react native环境配置
参考链接：https://reactnative.cn/docs/next/getting-started.html1，安装node环境，比较简单略2，安装python2：参考文章3，使用npm安装yarn: 但是输入yarn 报错，命令不存在后经查询知，之前的node版本的8.x太低了，所以在node官网下载了最新版10.x再次操作命令行成功，可以正常运行yarn和react-native命令了；4，安装ja...
2024-01-10
react native 学习笔记13
1.今天学习定义页面，效果如下：定义的页面最上面一个没有顶上去，还需要修改页面修改searchbar：marginTop：Platfrom.OS==='ios'?20:0 说明：Ios上边为20，而android=0；2.建搜索框3.学习滚动页面上面的广告3个页面，小而且，不好看，一般用户就看一个大的广告，所以还需要修改界面需要让广告动起来...
2024-01-10
react native 常用第三方库
React-native-animatable 动画react-native-carousel 轮播react-native-countdown 倒计时react-native-device-info 设备信息react-native-fileupload 文件上传react-native-icons 图标react-native-image-picker 图片选择器react-native-keychain iOS KeyChain管理react-native-picker滚轮选择器react-nativ...
2024-01-10
react native 混合开发代码示例
ReactNativeModuleProjectreact native project for hybrrd app，自己做的一个混合开发研究，个人觉得相对于其他混合开发框架来说，有很大优势，不用学习复杂的js语法， 并且对更接近原生，能够保证运行更加流畅和风格统一，同时它的语法和控件也更加容易理解，上手较快。也可以和原生应用混合开发，互相调...
2024-01-10
React Starter Kit 中文文档
最近没事又翻译了个玩意。Github上的一个Star 非常高的 React 样板程序。由Node.js，Express，GraphQL和React构建，可选加入Redux等，并可以包含Webpack，Babel和Browsersync。项目主页：React Starter KitGithub项目地址：https://github.com/kriasoft/react-starter-kit中文文档地址：http://rsk.book.jasperxu.com/中文文档项目地址：https://...
2024-01-10
前端开发-react-native 项目
快速搭建rn项目步骤：1.命令行指令：npm i react-native-cli -g2.react-native init aaa3.Android Studio 导入创建的aaa项目下的Android文件夹，在安卓模拟机里运行（Android Studio 安装参照官网） 步骤详解 1.安装react native cli 2.react-native init aa(项目名) 3.aa项目下的Android文件夹导入Android Studio 4.运行项目 5.创建模拟机...
2024-01-10
【0.44】React Native 中文更新日志
本文为 Marno 原创，转载必须保留出处！公众号 aMarno，关注后回复 RN 加入交流群React Native 优秀开源项目大全：http://www.marno.cn一、导读本次更新亮点：在 IOS 上彻底移除了对 FlatList 进行优化：比如支持固定头部等个人感觉这期更新基本可以忽略了！可以忽略了！可以忽略了！二、重大变化...
2024-01-10
如何在react-native中制作圆形滑块
我想添加一个类似范围的组件。但是实际上是圆形的，我不知道该怎么做。请给我一些帮助。我想要的例子：回答：我最近一直在使用react-native-svg，我认为这太棒了-SVG和React是geek-heaven的完美结合，非常适合创建自定义UI，而无需下拉至本机绘图代码。这是一个CircularSlider实现上述内容的小组件：im...
2024-01-10
使用react native制作的微博客户端
简要说明: 因为微博授权权限设置,本人的微博开放者账号权限太低,如果出现 'api请求次数受限,请更换. 10023' 弹框 或者 授权界面出错,需要自行更换开放者应用的appkey,授权回调页,App Secret. 修改位置在 App/Home/login.js新浪开放者平台因为项目较为简单,所以不使用redux或者mbox.其实,因为我不太会,这么说吧....
2024-01-10
React-native项目构建中的坑
2019独角兽企业重金招聘Python工程师标准>>> 从12月24日开始搭建React-native项目，期间构建项目 一直报错，Build failed with an execption，顺便帮贴一下收益良多的帖子 ，有需要的同学可以查看。好了 进入重点----------------------来一条华丽的分割线-------------------------------当项目一切都OK 进入到 react-native run-a...
2024-01-10
在 react 中 用echarats
在 react 中 用echarats ，用原生的方法写如下： 也可以用 react 的写法：在写的过程中遇到一个问题：刚开始用的一个 renderSaleAnalyseChart 这个方法，然后在 render 中调，然后在保存 这个 echarts 中的数据的时候出现了问题，销售列表发生两段数据值。在这里要注意，因为 render 中是不能有 setState 这...
2024-01-10
React native修改state中的数组
今天遇到在react native中修改state中子项为数组的情况，一直赋值不成功，后来查资料发现native中数组是引用，不能直接对引用赋值，查找资料的时候找到了该网页：修改数组项的时候要返回一个新数组，可以用扩展运算符...加上新的项！后来完美解决！感谢网友的强大力量补充：删除state中的数...
2024-01-10
react-native 继承，实现自定义组件
react-native 自定义组件，通过继承实现，更全面、细致的功能！！这里描述一下我所接触的，通过继承来实现功能：1，复用工具方法，提高代码的复用性；2，重写父类空置的返回View-UI方法，实现预留绘制View-UI的功能；继承 ：复用工具方法，提高代码的复用性定义一个父类组件，然后在组件中并...
2024-01-10
react-native个人挖坑避雷指南
本文为个人react-native学习应用过程中遇到的坑，总结自用，仅供参考。1.替换APP.js会遇到下图问题(暂未解决)错误翻译：无法连接到开发服务器。尝试以下解决问题：确认包服务器运行确认你的设备或者模拟器连接着电脑，且手机启动USB调试模式，在cmd中运行adb devices来查看已经连接好的设备列表...
2024-01-10
react-native项目移到mac上
Windows上开发的Android项目，准备搞IOS版本，需要移植到mac上，记录一下错误，1、编译不过chmod 755 /Users/xiongge/my-app/demo/node_modules/react-native/packager/launchPackager.command2、编译不过chmod 755 /Users/xiongge/my-app/demo/node_modules/react-native/packager/react-native-xcode.sh3、运行报错chmo...
2024-01-10
APP开发哪个框架好 也谈react native框架
从最近的研究报告指出，移动电商占据90%以上的份额，市场已由当初的PC为王发生了质的变化。移动端流量入口成了商家的必争之地，app商城成了商家最受欢迎的电商应用，那么商家要如何进行电商app开发、应选用什么框架进行开发呢？1、需求分析要清晰app开发通入最终的使用者是用户，因此用户体...
2024-01-10
react-native使用谷歌浏览器调试
学习交流：https://gitee.com/potato512/Learn_ReactNativereact-native学习交流QQ群：806870562通过 谷歌浏览器Chrome调试React Native程序步骤一：先在模拟器上运行项目步骤二：选中模拟器，同时使用键盘上的组合键"Command + D"打开Developer Menu菜单，并单击选择”Debug JS Remotely"步骤三：在打开的谷歌浏览器里选择开发者...
2024-01-10
react实战 : react 与 svg
有一个需求是这样的。一个组件里若干个区块。区块数量不定。区块里面是一个波浪效果组件，而这个一般用 SVG 做。所以就变成了在 react 中使用 SVG 的问题。首先是波浪效果需要的样式。.p{ font-size: 12px; line-height: 2; text-align: center; margin:0; width: 52px; color: #fff;}.irrigate_svg { height: 52px; widt...
2024-01-10
利用react-native构建一个新项目
开发环境：Mac OS,已安装Xcode1、全局安装react-native输入命令：npm install -g [email protected]2、安装好之后在你想要建立项目的路径下初始化一个项目输入命令：react-native init *** --version 0.44.3（***为想要创建的项目名称,这里初始化项目时最好指定版本，否则有可能会运行报错。我在构建项目的时候就踩了这...
2024-01-10
浅谈react中的immutable
immutable不可变对象介绍一下基本概念：facebook工程师历时三年时间打造，与react同期出现，但是没有被默认放到React工具集中，它内部实现了一套完整的数据持久化，里面有很多常见的数据类型 Collection List Map Set等。里面有三种重要的数据解构:Map:键值对集合，对应Object ES6中也有专门的Map对象List:有...
2024-01-10
React中使用Ant Table组件
一、Ant Design of React http://ant.design/docs/react/introduce二、建立webpack工程 webpack+react demo下载 项目的启动，参考三、简单配置 1.工程下载下来之后，在src目录下新建目录“table”，新建app.js，内容如下。import React from 'react';import ReactDOM from 'react-dom';import ExampleTable from './Example...
2024-01-10详解如何在项目中使用jest测试react native组件
目前Javascript的测试工具很多，但是针对React的测试策略，Facebook推出的ReactJs标配测试工具是Jest.Jest的官网地址：https://facebook.github.io/jest/。我们可以看到Jest官网宣称的是：Painless JavaScript Testing。是Facebook用于测试服务和React应用程序的JavaScript单元测试框架。所谓单元测试也就是对每个单元进行测试，通...
2024-01-10
react ant design 清除绑定的对象中的一个属性
数据结构 如下let formData = {childList:[{attachMsg ：{image}}]}我想清楚除掉form表单上绑定的attachMsg或者image，但始终清除不掉我是这样绑定的试着这样子清除全都无效点击 表单的提交方法 验证还是会通过，打印value还是存在求问怎么清除回答setFieldsValue({formData:{...formData}})...
2024-01-10React 中的 State 和生命周期
通过 render 更新开篇先提供了一个例子，会用外部的不断更新状态，来不断刷新 Clock 的组件内容。function Clock(props) { return ( <div> <h1>Hello, world!</h1> <h2>It is {props.date.toLocaleTimeString()}.</h2> </div> );}function tick() { ReactDOM.render( <Clock date={new Date()}...
2024-01-10
